<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>甜点</title>
    <link href="css/index.css" rel="stylesheet">
    <script src="https://code.jquery.com/jquery-3.1.1.min.js"></script>
</head>
<body>
    <div class="header">
        <div class="center">
            <div class="header_left">
                <img src="images/1.png">
                小王烘焙坊
            </div>
            <div class="header_right">
                <ul>
                    <li><a href="login.html">登录</a></li>
                    <li>|</li>
                    <li><a href="zhuchi.html">注册</a></li>
                </ul>
                <div class="rg_car">
                    购物车
                    <img src="images/2.png">
                </div>
            </div>
        </div>
    </div>
    <div class="nav">
        <div class="center1">
            <span id="nav_car">
                烘焙直通车
            </span>
            <div class="car_bottom">
                <ul>
                    <li>焙烤入门
                        <a href="#">
                            百科 材料 工具 书籍 求助
                        </a></li>
                    <li>焙烤进阶
                        <a href="#">
                            讲习会 培训 食谱 商城 促销
                        </a></li>
                    <li>焙烤大人
                        <a href="#">
                            名人名师 交流 图库
                        </a></li>
                    <li>轻餐食
                        <a href="#">
                            西餐 冷饮 冰淇淋 甜点 披萨
                        </a></li>
                    <li></li>
                </ul>
            </div>
            <ul>
                <li><a href="index.html">首页</a></li>
                <li>|</li>
                <li><a href="#">商城</a></li>
                <li>|</li>
                <li><a href="menu.html">食谱</a></li>
                <li>|</li>
                <li><a href="#">图库</a></li>
                <li><a href="#">联系我们</a></li>
            </ul>
            <div class="nav_right">
                <input type="text" class="text">
                <input type="button" value="搜索" class="button">
            </div>
        </div>
    </div>
    <div id="box">
        <div class="screen">
            <ul id="ul">
                <li><img src="images/3.png" width="1200" height="400"></li>
                <li><img src="images/lunbo_1.jpg" width="1200" height="400"></li>
                <li><img src="images/lunbo_2.jpg" width="1200" height="400"></li>
            </ul>
            <ol id="ol">
                <div style="clear:both;"></div>
            </ol>
            <div style="clear:both;"></div>
        </div>
        <div id="arr"><span id="left">&lt;</span><span id="right">&gt;</span></div>
    </div>
    <div class="content">
        <div class="center">
            <ul>
                <li><a href="javascript:;">分类：</a></li>
                <li>|</li>
                <li><a href="#">全部</a></li>
                <li>|</li>
                <li><a href="#">翻糖</a></li>
                <li>|</li>
                <li><a href="#">巧克力</a></li>
                <li>|</li>
                <li><a href="#">西点</a></li>
                <li>|</li>
                <li><a href="#">面包</a></li>
            </ul>
            <ul>
                <li><a href="javascript:;">分格：</a></li>
                <li>|</li>
                <li><a href="#">全部</a></li>
                <li>|</li>
                <li><a href="#">意式</a></li>
                <li>|</li>
                <li><a href="#">德式</a></li>
                <li>|</li>
                <li><a href="#">日式</a></li>
                <li>|</li>
                <li><a href="#">港式</a></li>
                <li>|</li>
                <li><a href="#">其他</a></li>
            </ul>
            <ul>
                <li><a href="javascript:;">材料：</a></li>
                <li>|</li>
                <li><a href="#">比赛</a></li>
                <li>|</li>
                <li><a href="#">展会</a></li>
                <li>|</li>
                <li><a href="#">讲习座</a></li>
                <li>|</li>
                <li><a href="#">节日</a></li>
            </ul>
        </div>
    </div>
    <div class="con">
        <div class="center">
            <ul>
                <li><a href="#">全部</a></li>
                <li><a href="#">热门</a></li>
                <li><a href="#">精华</a></li>
            </ul>
            <div class="con1">*请各位食客记住你喜欢甜点的名字，在食谱中搜索名字即可*</div>
        </div>
    </div>
    <div class="img">
        <div class="center">
            <ul>
                <li>
                    <img src="images/4.png">
                    蛋形糖
                </li>
                <li>
                    <img src="images/5.png">
                    巧克力卷
                </li>
                <li>
                    <img src="images/6.png">
                    抹茶蜜卷
                </li>
                <li>
                    <img src="images/7.png">
                    黑山奶茶
                </li>
                <li>
                    <img src="images/8.png">
                    夏日清爽
                </li>
                <li>
                    <img src="images/9.png">
                    包住奶糖
                </li>
                <li>
                    <img src="images/10.png">
                    熊猫蛋糕
                </li>
                <li>
                    <img src="images/11.png">
                    竹子桶糖
                </li>
                <li>
                    <img src="images/12.png">
                    可爱小木屋
                </li>
                <div style="clear: both"></div>
            </ul>
        </div>
    </div>
    <div class="btn0">
        <div class="center">
            <img src="images/13.png" id="btn1">
            <ul id="btn">
            </ul>
            <img src="images/14.png" id="btn2">
        </div>
    </div>
    <div class="footer">
        <div class="f_left">
            <div class="foot1">好吃再来</div>
            <ul>
                <li>业务邮件： 869268817@qq.com</li>
                <li>电话： 135550808</li>
                <li>传真： 901890085</li>
            </ul>
            <p>地址： 中国辽宁省大连市</p>
        </div>
        <div class="f_right">
            <p>联系我们</p>
            <img src="images/15.png">
            <span>小王微信</span>
        </div>
    </div>
    <script src="js/index.js"></script>
    <script src="js/index2.js"></script>
</body>
</html>